<template>
    <div class="message">
        <div
            class="alert w-50 mx-auto fixed-top mt-3"
            role="alert"
            :class="`alert-${type}`"
        >
            <h3 v-if="title" class="alert-heading">{{ title }}</h3>
            <p class="mb-0">
                {{ message }}
            </p>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        title: String,
        message: {
            type: String,
            required: true,
        },
        type: {
            type: String,
            default: 'info',
        },
    },
};
</script>
